<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>思特沃克特训营</title>

    <!-- Bootstrap Core CSS -->
    <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom Fonts -->
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- Theme CSS -->
    <link href="css/agency.css" rel="stylesheet">

    <link rel="shortcut icon" href="http://optz203i0.bkt.clouddn.com/img/logos/favicon.ico" type="image/x-icon">
    <link rel="icon" href="http://optz203i0.bkt.clouddn.com/img/logos/favicon.ico" type="image/x-icon">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" integrity="sha384-0s5Pv64cNZJieYFkXYOTId2HMA2Lfb6q2nAcx2n0RTLUnCAoTTsS0nKEO27XyKcY" crossorigin="anonymous"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js" integrity="sha384-ZoaMbDF+4LeFxg6WdScQ9nnR1QC2MIRxA1O9KWEXQwns1G8UNyIEZIQidzb0T1fo" crossorigin="anonymous"></script>
    <![endif]-->

    <!-- DaoVoice -->
    <script>(function (i, s, o, g, r, a, m) { i["DaoVoiceObject"] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; a.charset = "utf-8"; m.parentNode.insertBefore(a, m) })(window, document, "script", ('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/9a221fcc.js", "daovoice")</script>
</head>

<body id="page-top" class="index">

    <!-- Navigation -->
    <nav id="mainNav" class="navbar navbar-default navbar-custom navbar-fixed-top">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header page-scroll">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span> Menu
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand page-scroll" href="#page-top">
                    <img src="./img/tw-logo.png"
                         alt="ThoughtWorks Logo" style="width:130px;height:25px">
                </a>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#about">课程介绍</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#outline">课程大纲</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#services">课程特色</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#portfolio">往届风采</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="#team">活动详情</a>
                    </li>
                    <li>
                        <a class="page-scroll" href="https://jinshuju.net/f/n3ZnLO">立即报名</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container-fluid -->
    </nav>

    <!-- Header -->
    <header>
        <div class="container">
            <div class="intro-text">
                <div class="intro-lead-in">四个月脱胎换骨，成为自己佩服的人</div>
                <div class="intro-heading">思特沃克特训营</div>
                <a href="https://jinshuju.net/f/n3ZnLO" class="btn btn-xl">立即报名</a>
            </div>
        </div>
    </header>

    <!-- About Section -->
    <section id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">四个月编程刻意练习</h2>
                    <h3 class="section-subheading text-muted">Web开发从0到全栈</h3>
                    <h4 class="section-subheading text-muted">你可以学到</h4>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <ul class="timeline">
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/9.jpeg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>第一阶段（1~5周）</h4>
                                    <h4 class="subheading">网页开发基础</h4>
                                </div>
                                <div class="timeline-body">
                                    <ul class="list-group">
                                        <li class="list-group-item">了解前端开发基本概况，并能熟练使用常用的开发工具</li>
                                        <li class="list-group-item">掌握HTML中常用的标签以及每个标签的语义</li>
                                        <li class="list-group-item">理解前端页面布局常用方法，并能够用CSS+HTML实现常用页面布局</li>
                                        <li class="list-group-item">熟练使用JavaScript语言，并能够使用JavaScript完成页面常见特效</li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/6.png" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>第二阶段（6~10周）</h4>
                                    <h4 class="subheading">Node.js</h4>
                                </div>
                                <div class="timeline-body">
                                    <ul class="list-group">
                                        <li class="list-group-item">能够理解客户端/服务器、动态网站以及网络通信等前后端开发相关概念</li>
                                        <li class="list-group-item">掌握 Node.js 服务端 JavaScript 的基础知识</li>
                                        <li class="list-group-item">掌握数据库的基本概念，及数据库的常用操作</li>
                                        <li class="list-group-item">掌握 MongoDB 的常用操作，包含建数据库，表的增删改查等操作</li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/7.png" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>第三阶段（11~15周）</h4>
                                    <h4 class="subheading">JavaScript 全栈框架实战</h4>
                                </div>
                                <div class="timeline-body">
                                    <ul class="list-group">
                                        <li class="list-group-item">能够用 React 实现前端组件，进行页面布局</li>
                                        <li class="list-group-item">掌握用 React 实现前后端交互的方法</li>
                                        <li class="list-group-item">理解 Restful 接口思想</li>
                                        <li class="list-group-item">能够使用 Express 构建 API</li>
                                        <li class="list-group-item">能够使用 Express 和 MongoDB 建立通信，通过接口进行数据库相关操作</li>
                                    </ul>
                                </div>
                            </div>
                        </li>
                        <!-- <li class="timeline-inverted">
                            <div class="timeline-image">
                                <img class="img-circle img-responsive" src="img/about/8.jpg" alt="">
                            </div>
                            <div class="timeline-panel">
                                <div class="timeline-heading">
                                    <h4>第三阶段</h4>
                                    <h4 class="subheading">React与Node 服务端</h4>
                                </div>
                                <div class="timeline-body">
                                    <ul class="list-group">
                                        <li class="list-group-item">Web开发基础</li>
                                        <li class="list-group-item">React基础</li>
                                        <li class="list-group-item">用 Express.js 实现 RESTful API</li>
                                        <li class="list-group-item">MongoDB基础</li>
                                    </ul>
                                </div>
                            </div>
                        </li> -->
                        <li class="timeline-inverted">
                            <div class="timeline-image">
                                <h4>毕业设计（4周内）
                                    <br>
                                    <br>项目实战+大比赛</h4>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    <section id="outline" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">课程大纲</h2>
                    <h3 class="section-subheading text-muted">由浅入深 web全栈学习</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel  panel-info">
                        <div class="panel-heading">
                            <strong>第一阶段： 网页开发基础（1~5周）</strong>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="info" colspan="2">
                                                <strong>第一周：概述+HTML</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>初识计算机网络</td>
                                            <td>认识www</td>
                                        </tr>
                                        <tr>
                                            <td>认识浏览器</td>
                                            <td>相关工具推荐</td>
                                        </tr>
                                        <tr>
                                            <td>初识HTML</td>
                                            <td>文本内容</td>
                                        </tr>
                                        <tr>
                                            <td>多媒体和可嵌入内容</td>
                                            <td>表格内容</td>
                                        </tr>
                                        <tr>
                                            <td>表单内容</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="info" colspan="2">
                                                <strong>第二周：CSS</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>CSS基础</td>
                                            <td>选择器</td>
                                        </tr>
                                        <tr>
                                            <td>层叠和继承</td>
                                            <td>文本样式</td>
                                        </tr>
                                        <tr>
                                            <td>盒模型</td>
                                            <td>CSS布局</td>
                                        </tr>
                                        <tr>
                                            <td>CSS调试</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="info" colspan="2">
                                                <strong>第三周：JavaScript基础</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>初识JavaScript</td>
                                            <td>引用JS的方式</td>
                                        </tr>
                                        <tr>
                                            <td>认识Console</td>
                                            <td>变量</td>
                                        </tr>
                                        <tr>
                                            <td>数据类型</td>
                                            <td>作用域</td>
                                        </tr>
                                        <tr>
                                            <td>字符串介绍</td>
                                            <td>数组介绍</td>
                                        </tr>
                                        <tr>
                                            <td>数学运算符</td>
                                            <td>逻辑运算符</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="info" colspan="2">
                                                <strong>第四周：javascript进阶</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>条件分支语句</td>
                                            <td>循环语句</td>
                                        </tr>
                                        <tr>
                                            <td>函数介绍</td>
                                            <td>事件和回调</td>
                                        </tr>
                                        <tr>
                                            <td>DOM介绍</td>
                                            <td>对象介绍（Object）</td>
                                        </tr>
                                        <tr>
                                            <td>JSON</td>
                                            <td>Ajax</td>
                                        </tr>
                                        <tr>
                                            <td>LocalStorge</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="list-group row">
                                <div class="col-md-12">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="info" colspan="2">
                                                <strong>阶段练习（一周）</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>1.制作一份个人简历，可以包含个人基本信息、教育信息、实习或项目经验等，并用CSS进行美化。如下图可作为参考。</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-sm-9 col-md-6">
                                                        <img src="img/practice/1.png" class="img-thumbnail" alt="">
                                                    </div>
                                                    <div class="col-sm-9 col-md-6">
                                                        <img src="img/practice/2.png" class="img-thumbnail" alt="">
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>2.制作一个表格（若你是在校学生，内容为一周的课程表；若你是在职学员，内容可为一周的时间规划），并通过CSS美化该表格，至少包含：奇偶数行不同颜色，鼠标悬浮在某一行有特殊效果提示等。</td>
                                        </tr>
                                        <tr>
                                            <td>3.制作一张个人名片，可在网络上寻找模板模仿，但请自行布局和实现。可参考下图。</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-md-6 col-md-offset-3">
                                                        <img src="img/practice/3.png" class="img-thumbnail" alt="">
                                                    </div>

                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-danger">
                        <div class="panel-heading">
                            <strong>第二阶段：Node.js（6~10周）</strong>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="danger" colspan="2">
                                                <strong>第一周：客户端/微服务架构</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>什么是客户端/服务器架构</td>
                                            <td>什么是服务端编程</td>
                                        </tr>
                                        <tr>
                                            <td>什么是服务端框架</td>
                                            <td>URL中的知识</td>
                                        </tr>
                                        <tr>
                                            <td>HTTP 状态码</td>
                                            <td>npm常用命令实战</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="danger" colspan="2">
                                                <strong>第二周：Node.js基础</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Node.js 概述</td>
                                            <td>Node.js 中 http 模块使用</td>
                                        </tr>
                                        <tr>
                                            <td>Node.js 中 fs 模块使用</td>
                                            <td>Node.js 中 url 模块使用</td>
                                        </tr>
                                        <tr>
                                            <td>Node.js 中 global 模块使用</td>
                                            <td>Node.js 中 path 模块使用</td>
                                        </tr>
                                        <tr>
                                            <td>Node.js 中 querystring 模块使用</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="danger" colspan="2">
                                                <strong>第三周：Node.js进阶</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>Node.js中事件循环机制</td>
                                            <td>采用Node.js构建Web服务器</td>
                                        </tr>
                                        <tr>
                                            <td>在Node.js构建的Web服务器中构建接口</td>
                                            <td>JavaScript ES6 实战</td>
                                        </tr>
                                        <tr>

                                            <td>JavaScript中Promise和Async函数的使用</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="danger" colspan="2">
                                                <strong>第四周：MongoDB数据库</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>数据库概述</td>
                                            <td>数据库的三范式</td>
                                        </tr>
                                        <tr>
                                            <td>通过 MongoDB 建立数据库，数据表</td>
                                            <td>对 MongoDB 数据库进行基本(CRUD)操作</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="list-group row">
                                <div class="col-md-12">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="danger" colspan="2">
                                                <strong>第五周：阶段练习</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>1.采用 Node.js 创建一个 Web 服务器，主页返回在第一阶段练习中完成的【个人简历】。</td>
                                        </tr>
                                        <tr>
                                            <td>2.采用 Node.js 创建一个 Web 服务器，完成“每日名言”应用，通过调用名人名言的接口。如下图作为前端页面参考。</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-md-6 col-md-offset-3">
                                                        <img src="img/practice/4.png" class="img-thumbnail" alt="">
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-success">
                        <div class="panel-heading">
                            <strong>JavaScript 全栈框架实战（11~15周）</strong>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="success" colspan="2">
                                                <strong>第一周：React基础</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>为什么使用 React 及 React.js 介绍</td>
                                            <td>认识 JSX、组件化思想和 React 的组件模型实现</td>
                                        </tr>
                                        <tr>
                                            <td>React 中组件的生命周期</td>
                                            <td>...</td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="success" colspan="2">
                                                <strong>第二周：React进阶</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>React 中的状态管理</td>
                                            <td>React 组件间通信</td>
                                        </tr>
                                        <tr>
                                            <td>通过“react-router-dom”依赖包实现 React 路由</td>
                                            <td>Jasmine 单元测试框架实战</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="row">
                                <div class="col-md-6">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="success" colspan="2">
                                                <strong>第三周：API设计基础</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>什么是Restful接口</td>
                                            <td>JavaScript API设计原则</td>
                                        </tr>
                                        <tr>
                                            <td>通过 Express.js搭建Web服务器、</td>
                                            <td>通过 Express.js构建API返回页面</td>
                                        </tr>

                                    </table>
                                </div>
                                <div class="col-md-6">
                                    <table class="table table-bordered">
                                        <tr>
                                            <td class="success" colspan="2">
                                                <strong>第四周：前后分离架构</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>mongoose 依赖包的常用操作</td>
                                            <td>通过 Express.js 和 mongoose 连接数据库</td>
                                        </tr>
                                        <tr>
                                            <td>什么是前后端分离架构，为什么要采用前后端分离</td>
                                            <td>采用Express.js构建RestfulAPI，返回JSON数据</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body ">
                            <div class="list-group row">
                                <div class="col-md-12">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="success" colspan="2">
                                                <strong>第五周：阶段练习</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>1.采用 React 组件化开发思想，完成 TodoList 应用，并搭建本地数据库，存储所有的待办项，在本地服务器中运行该网站。如下图可做参考。</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-md-6 col-md-offset-3">
                                                        <img src="img/practice/5.png" class="img-thumbnail" alt="">
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>2.采用 React 组件化开发思想，完成 Bookmarker 应用 ，记录自己收藏的网站，可以添加新网站（网站名、类别、网址等），修改网站信息，搜索网站，以列表形式展示网站信息等，并建立数据库，将所有数据存在数据库中。如下图可做参考。</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-sm-9 col-md-6">
                                                        <img src="img/practice/6.png" class="img-thumbnail" alt="">
                                                    </div>
                                                    <div class="col-sm-9 col-md-6">
                                                        <img src="img/practice/7.png" class="img-thumbnail" alt="">
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-warning">
                        <div class="panel-heading">
                            <strong>毕业设计（4周内）</strong>
                        </div>
                        <div class="panel-body ">
                            <div class="list-group row">
                                <div class="col-md-12">
                                    <table class="table table-bordered ">
                                        <tr>
                                            <td class="warning" colspan="2">
                                                <strong>题目：思沃影院</strong>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>形式：
                                                <br> 组队完成（3~6人小组）
                                                <br> 毕设时间截止后进行 Showcase 答辩
                                                <br> 所有学员参与评选排名，对前三名进行奖励
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>毕设目标：
                                                <br>采用敏捷化的软件开发实践，要对代码库、需求、测试等进行敏捷项目管理。
                                                <br>技术栈不限，可自行选型。建议前端采用 React，服务端采用 Express，数据库采用 MongoDB 实现。
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>完成效果图：</td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <div class="row">
                                                    <div class="col-md-6 col-md-offset-3">
                                                        <img src="img/practice/8.png" class="img-thumbnail" alt="">
                                                    </div>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Services Section -->
    <section id="services">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">课程特色</h2>
                    <h3 class="section-subheading text-muted">你不能错过的4个理由</h3>
                </div>
            </div>
            <div class="row text-center">
                <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-user fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">助教陪伴成长</h4>
                    <p class="text-muted">我们的助教将提供给你实时的辅导，及时解决你在学习上遇到的问题，核查代码，精准答疑，不用担心自己的疑惑得不到回复。
                        助教也会同你一起规划时间，制定任务，监督学习，不用担心自己是一个人从而难以坚持下去，你的程序员成长轨迹一定有他的陪伴。</p>
                </div>
                <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-html5 fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">最前沿的软件开发技术</h4>
                    <p class="text-muted">HTML5, ES2015, Node.js, React.js, Redux.js, Git, REST API，MongoDB 我们以行业最前沿的技术为工具，教你最有效的编程思维</p>
                </div>
                <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-users fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">结识热爱编程的小伙伴</h4>
                    <p class="text-muted">在这里，你不再是一个人学习，而是会有一群和你一样热爱编程的小伙伴，大家一起学习、一起讨论问题，还会定期线下聚会碰面，一起享受编程的快乐。</p>
                </div>
                <div class="col-md-3">
                    <span class="fa-stack fa-4x">
                        <i class="fa fa-circle fa-stack-2x text-primary"></i>
                        <i class="fa fa-code fa-stack-1x fa-inverse"></i>
                    </span>
                    <h4 class="service-heading">实战项目经验</h4>
                    <p class="text-muted">最后阶段你和你所属的团队会协作完成一次软件项目的开发，100%还原真实项目挑战。我们还会举办编程比赛，挑战自己的编程极限。</p>
                </div>
            </div>
        </div>
    </section>


    <!-- Portfolio Grid Section -->
    <section id="portfolio" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">往届风采</h2>
                    <h3 class="section-subheading text-muted">2017年思特沃克特训营 第三期</h3>
                </div>
            </div>
            <div class="row">
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal1" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/photos/image-0.jpg" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>社会化学习</h4>
                        <p class="text-muted">自我组织、同辈激励</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/photos/zuopin-1.png" style="height: 270px" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>学员作品展示</h4>
                        <p class="text-muted">加入特训营，你也可以</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-6 portfolio-item">
                    <a href="#portfolioModal3" class="portfolio-link" data-toggle="modal">
                        <div class="portfolio-hover">
                            <div class="portfolio-hover-content">
                                <i class="fa fa-plus fa-3x"></i>
                            </div>
                        </div>
                        <img src="img/photos/data-0.png" style="height: 270px" class="img-responsive" alt="">
                    </a>
                    <div class="portfolio-caption">
                        <h4>学生活动数据</h4>
                        <p class="text-muted">250人三个月发帖3000篇</p>
                    </div>
                </div>
            </div>

            <div class="row bg-light-gray">
                <div class="col-lg-8 col-lg-offset-2 text-center">
                    <h3>学员感言</h3>
                    <blockquote>
                        <p class="large">在平时的日常生活中大都听到别人对女孩子学习编程的不认可。但在思特沃克学习平台的这三个月里，我知道了有这么一个地方认可女性学习编程，真的炒鸡感动。暴风哭泣，哇！</p>
                        <footer>2017届学员
                            <cite title="学员感言">高雪荣</cite>
                        </footer>
                    </blockquote>
                    <blockquote>
                        <p class="large">我觉得特训营是一个分享技术，提升自我的一个平台。在这里真的可以学到很多知识，掌握更多有用的技术，能够不断的学习，充实自己，帮助我成为自己理想中样子。真的超级感谢思特沃克特性营和我的助教。</p>
                        <footer>2017届学员
                            <cite title="学员感言">蒋岚</cite>
                        </footer>
                    </blockquote>
                    <blockquote>
                        <p class="large">特训营相较于传统的针对特定技术的IT类培训，更注重培养正确的编程思维、良好的开发习惯和学习能力。这带给我的是从未有过的，并且是极好的感觉和体验。传统的培训教育大多是“ 授人以鱼，而非授人以渔 ”，而特训营正是做到了
                            “ 授人以渔 ”，这也恰恰是我们大学生最为需要东西 。开始的两个星期，我们做了一些思维方式、任务分解的练习，在我看来，虽然不是直接敲代码，但是这个过程确是极其重要的，也必须是在编程之前需要认真锻炼和学习的东西。这些思维将会在编程的过程中发挥极大的作用。同时，思特沃克的敏捷开发思想也在整个特训营的学习过程中，一直起到关键的促进作用。</p>
                        <footer>2017届学员
                            <cite title="学员感言">陈鑫</cite>
                        </footer>
                    </blockquote>
                </div>
            </div>
        </div>
    </section>

    <!-- Team Section -->
    <section id="team">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading">活动详情</h2>
                    <table class="table table-bordered">
                        <tr>
                            <th class="col-xs-3">时间安排</th>
                            <td class="col-xs-9">2018 年 7月 07 日开始，19周（5周/阶段 * 3阶段 + 4周）</br>
                                线上学习：自由安排时间，按时完成任务卡，中间穿插视频讲解和助教线上答疑</br>
                                线下助教辅导：具体时间由助教根据场地等因素协调安排</td>
                        </tr>
                        <tr>
                            <th class="col-xs-3">课程目标</th>
                            <td class="col-xs-9">1.理解 Web 开发基础知识
                                <br/> 2.熟练运用 HTML/CSS 进行页面布局
                                <br/> 3.熟练掌握 JavaScript 的常用语法
                                <br/> 4.理解客户端/服务器开发模式，能够采用 JavaScript 与服务端交互
                                <br/> 5.掌握 MongoDB 数据库的基本操作
                                <br/> 6.能够采用主流前后端框架开发全栈应用（React+Express+MongoDB）
                                <br/> 7.理解并遵循敏捷化软件开发实践
                                <br/> 8.完成所有课程者，可保证有能力胜任一份5000-8000薪资的程序员实习工作。
                                <br/>
                        </tr>
                        <tr>
                            <th class="col-xs-3">学习形式</th>
                            <td class="col-xs-9">
                                1.群效自主在线学习
                                <br/> 2.定时在线课程视（一周两次录播视频 + 两次直播视频）
                                <br/> 3.助教呵护式陪伴成长（设计规划学习任务、在线答疑、代码审查等）
                                <br/> 4.建议每日学习时间：1小时以上
                                <br/> 5.建议每周学习时间：10小时以上
                                <br/>
                            </td>
                        </tr>
                        <tr>
                            <th class="col-xs-3">面向群体</th>
                            <td class="col-xs-9">1、全国普通高等学校研究生及以下学历在校学生（不限年级、不限专业）
                                <br> 2、所有职场人士
                            </td>
                        </tr>
                        <tr>
                            <th class="col-xs-3">其他收获</th>
                            <td class="col-xs-9">
                                1.有机会成为下期特训营助教（实习工作）
                                <br/> 2.免费提供工作机会，通过我们的人才推荐计划，帮你找到合适的工作
                                <br/>
                        </tr>
                        <tr>
                            <th class="col-xs-3">报名咨询</th>
                            <td class="col-xs-9">
                                关注思沃学习平台公众号，留言可直接咨询客服</br>
                                <img src="img/photos/wechat-barcode.jpg" alt="思沃学习平台公众号二维码">
                            </td>
                        </tr>
                        <tr>
                            <th class="col-xs-3">报名截止日期</th>
                            <td class="col-xs-9">2018年7月07日（名额有限，报满即止）</td>
                        </tr>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <h2 class="section-heading text-center">常见问题</h2>
                    <dl>
                        <dt>第五期特训营有什么特色呢？</dt>
                        <dd>在形式上，第五期特训营的课程将会分为三个阶段，每个阶段为五周时间，在每个阶段完成后均会休息一周时间，使大家进行总结、回顾和状态的调整；
                            <br> 在内容上，第五期特性营更加注重对全栈技能和工程实践的培养，加入了更多的关于Node服务端和数据库相关的知识，且在每个阶段结束时均有一个阶段大作业，以强化学员的动手实践能力。
                            <br> 在时间上，第五期特训营紧的助教们针对前四期的遇到的问题总结经验，给学员提供更优质的答疑，辅导等服务。
                        </dd>
                    </dl>
                    <dl>
                        <dt>助教是如何分配的呢？</dt>
                        <dd>
                            在分配助教的时候首先会基于地理位置来分配，方便大家进行线下聚会；特训营共有5大战区，分别是西安、武汉、成都、北京、空军，若不在前四个城市，会分配到空军战区，以独特的方式进行聚会学习。
                        </dd>
                    </dl>
                    <dl>
                        <dt>若还有疑问应该到哪里咨询呢？</dt>
                        <dd>
                            请关注思特沃克学习平台公众号，直接在后台留言咨询，客服看到后会在第一时间进行回答。
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </section>

    <!-- Contact Section -->
    <section id="contact" class="bg-light-gray">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <a href="https://jinshuju.net/f/n3ZnLO" class="page-scroll btn btn-xl">立即报名</a>
                </div>
            </div>
        </div>
    </section>

    <footer>
        <div class="container">
            <div class="row">
                <div class="col-md-4">
                    <span class="copyright">© 2018 ThoughtWorks, Inc.</span>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline social-buttons">
                        <li>
                            <a href="http://weibo.com/thoughtworkschina">
                                <i class="fa fa-weibo"></i>
                            </a>
                        </li>
                        <li>
                            <a href="https://mp.weixin.qq.com/mp/getmasssendmsg?__biz=MzI0MDUyNDAxMQ==#wechat_webview_type=1&wechat_redirect">
                                <i class="fa fa-weixin"></i>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-md-4">
                    <ul class="list-inline quicklinks">
                        <li>
                            <a href="https://www.thoughtworks.com/cn/privacy-policy">Privacy Policy</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>

    <!-- Portfolio Modals -->
    <!-- Use the modals below to showcase details about your portfolio projects! -->

    <!-- Portfolio Modal 1 -->
    <div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>社会化学习</h2>
                                <p class="item-intro text-muted">自我组织、同辈激励</p>
                                <img class="img-responsive img-centered" src="img/photos/image-0.jpg" alt="">
                                <img class="img-responsive img-centered" src="img/photos/image-1.jpg" alt="">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">
                                    <i class="fa fa-times"></i> 关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 2 -->
    <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <h2>学员作品展示</h2>
                                <p class="item-intro text-muted">加入特训营，你也可以</p>
                                <img class="img-responsive img-centered" src="img/photos/zuopin-0.png" alt="">
                                <img class="img-responsive img-centered" src="img/photos/zuopin-1.png" alt="">
                                <img class="img-responsive img-centered" src="img/photos/zuopin-2.png" alt="">
                                <button type="button" class="btn btn-primary" data-dismiss="modal">
                                    <i class="fa fa-times"></i> 关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Portfolio Modal 3 -->
    <div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="close-modal" data-dismiss="modal">
                    <div class="lr">
                        <div class="rl">
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-8 col-lg-offset-2">
                            <div class="modal-body">
                                <!-- Project Details Go Here -->
                                <h2>学生活动数据</h2>
                                <p class="item-intro text-muted">68人三个月发帖3000篇</p>
                                <img class="img-responsive img-centered" src="img/photos/data-0.png" alt="">
                                <img class="img-responsive img-centered" src="img/photos/data-1.png" alt="">
                                <p class="item-intro text-muted">从9月25日截至到12月25日，三个月时间，68名学生发帖总量3000。论坛访问量，看学员积极学习的态度。</p>
                                <button type="button" class="btn btn-primary" data-dismiss="modal">
                                    <i class="fa fa-times"></i> 关闭</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="vendor/jquery/jquery.min.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>

    <!-- Plugin JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js" integrity="sha384-mE6eXfrb8jxl0rzJDBRanYqgBxtJ6Unn4/1F7q4xRRyIw7Vdg9jP4ycT7x1iVsgb"
        crossorigin="anonymous"></script>

    <!-- Theme JavaScript -->
    <script src="js/agency.js"></script>

    <!-- DaoVoice -->
    <script>
        daovoice('init', {
            app_id: "9a221fcc"
        });
        daovoice('update');
    </script>
</body>

</html>